import React from 'react';
// 引入头部导航条组件
import Mynavbar from '@/components/Mynavbar'
// 引入登录表单组件
import Myloginform from '@/components/Myloginform';
import { Card } from 'antd-mobile'
import { RightOutline } from 'antd-mobile-icons'
import { useHistory } from 'react-router-dom'
const Login = () => {
    const his = useHistory()
    // 去注册事件
    const onHeaderClick = () => {
        // 跳转到注册页
        his.push('/regist/step1')
    }
    return (
        <div className='loginbox'>
            {/* 头部导航条 */}
            <Mynavbar isshowright={false}>京东登录</Mynavbar>
            {/* 登录表单 */}
            <Myloginform></Myloginform>
            {/* 去注册 */}
            <Card
                title={
                    <div style={{ fontWeight: 'normal' }}>
                        快速注册
                    </div>
                }
                extra={<RightOutline />}
                onHeaderClick={onHeaderClick}
                style={{ borderRadius: '16px', width: '90%', margin: '0 auto' }}
            />
        </div>
    );
}

export default Login;
